<script setup lang="ts">
import { reactive, ref, toRefs } from 'vue';
// import { useAppStore } from '@/store/modules/app';
import { useRouteStore } from '@/store/modules/route';
import Hasmpling from '../hsampling/index.vue';
import HeaderBanner from './modules/header-banner.vue';
// import CardData from './modules/card-data.vue';
// import LineChart from './modules/line-chart.vue';
// import PieChart from './modules/pie-chart.vue';
// import ProjectNews from './modules/project-news.vue';
// import CreativityBanner from './modules/creativity-banner.vue';

// const appStore = useAppStore();

// const gap = computed(() => (appStore.isMobile ? 0 : 16));

const routeStore = useRouteStore();
const state = reactive({
  numeInfo: routeStore.menusOther,
  isViceHomepage: false
});
const { numeInfo, isViceHomepage } = toRefs(state);
if (numeInfo.value.some(item => item.key === 'hsampling' || item.key === 'hdimo' || item.key === 'htacha')) isViceHomepage.value = true;
</script>

<template>
  <NSpace vertical :size="16">
    <HeaderBanner />
    <Hasmpling v-if="isViceHomepage" />

    <div v-else class="size-full min-h-520px flex-col-center gap-24px overflow-hidden">
      <div class="flex text-560px text-primary">
        <SvgIcon local-icon="empty-data" />
      </div>
      <div class="text-16px color-[#595959]">请选择左侧菜单使用具体的功能！</div>
    </div>
  </NSpace>
</template>

<style scoped></style>
